<ul class="pagination" *ngIf="hasRow()">
  <li class="page-item">
    <span class="page-link">共 {{ total }} 行 - {{ pages }} 页</span>
  </li>
  <li class="pagination-first page-item" *ngIf="boundaryLinks" [class.disabled]="noPrevious() || disabled">
    <a class="page-link" (click)="selectPage(1)" [innerHTML]="getText('first')"></a>
  </li>

  <li class="page-item" *ngIf="double" [class.disabled]="!doublePre()">
    <a (click)="selectPage(current - maxSize, $event)">
      <span>&laquo;</span>
    </a>
  </li>

  <li class="pagination-prev page-item" *ngIf="directionLinks" [class.disabled]="noPrevious()">
    <a class="page-link" (click)="selectPage(current -1)" [innerHTML]="getText('previous')"></a>
  </li>

  <li *ngFor="let pg of pagination" [class.active]="pg.active" class="pagination-page page-item">
    <a class="page-link" (click)="selectPage(pg.number)" [innerHTML]="pg.text"></a>
  </li>

  <li class="pagination-next page-item" *ngIf="directionLinks" [class.disabled]="noNext()">
    <a class="page-link" (click)="selectPage(current + 1)" [innerHTML]="getText('next')"></a>
  </li>

  <li class="page-item" *ngIf="double" [class.disabled]="!doubleNext()">
    <a (click)="selectPage(current + maxSize)">
      <span>&raquo;</span>
    </a>
  </li>

  <li class="pagination-last page-item" *ngIf="boundaryLinks" [class.disabled]="noNext()">
    <a class="page-link" (click)="selectPage(pages)" [innerHTML]="getText('last')"></a>
  </li>
  <li class="page-item" *ngIf="selectSize">
    <span class="tag-to">
        <select  [(ngModel)]="size" (change)="changeSize($event)" >
              <option value="10" >10</option>
              <option value="15" >15</option>
              <option value="20" >20</option>
              <option value="50" >50</option>
        </select>
      </span>
  </li>
  <li class="page-item" *ngIf="makePage">
    <span class="tag-to">
        <input type="text" [(ngModel)]="inputPage"/>
        <span class="go-page" (click)="goPage()">跳转</span>
    </span>
  </li>
</ul>